2
תגובות
היי,
בדקתי את איכות הקוד שלי על ידי התוסף של google speed ל chrome.
התוצאה 96% מתוך 100%.
אבל יש לי שאלה בקשר למה שהוא כתב לי:
Enable compression
כל הקוד מקור שלי מקובץ הוא שורה אחת... הוא מבקש משהו gzip, איך אני משתמש בזה?
Defer parsing of JavaScript
לא הבנתי?
בדקתי את איכות הקוד שלי על ידי התוסף של google speed ל chrome.
התוצאה 96% מתוך 100%.
אבל יש לי שאלה בקשר למה שהוא כתב לי:
Enable compression
כל הקוד מקור שלי מקובץ הוא שורה אחת... הוא מבקש משהו gzip, איך אני משתמש בזה?
Defer parsing of JavaScript
לא הבנתי?
2 תשובות
בנוגע לGZIP ואופטימיזציה תשתמש בקובץ HTACCESS שיכיל את התוכן הבא:
AddDefaultCharset utf-8
RewriteEngine on
<Files ~ "^\.(htaccess|htpasswd|inc)$">
deny from all
</Files>
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/javascript$
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
<files *.html,*.js,*.php>
SetOutputFilter DEFLATE
</files>
</ifModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/x-icon "access plus 30 days"
ExpiresByType image/png "access plus 8 days"
ExpiresByType image/gif "access plus 8 days"
ExpiresByType application/javascript "access plus 8 days"
ExpiresByType text/css "access plus 8 days"
ExpiresByType text/javascript "access plus 8 days"
ExpiresByType image/ico "access plus 30 days"
ExpiresByType image/icon "access plus 30 days"
ExpiresByType text/ico "access plus 30 days"
</IfModule>
RewriteEngine on
<Files ~ "^\.(htaccess|htpasswd|inc)$">
deny from all
</Files>
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/javascript$
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
<files *.html,*.js,*.php>
SetOutputFilter DEFLATE
</files>
</ifModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/x-icon "access plus 30 days"
ExpiresByType image/png "access plus 8 days"
ExpiresByType image/gif "access plus 8 days"
ExpiresByType application/javascript "access plus 8 days"
ExpiresByType text/css "access plus 8 days"
ExpiresByType text/javascript "access plus 8 days"
ExpiresByType image/ico "access plus 30 days"
ExpiresByType image/icon "access plus 30 days"
ExpiresByType text/ico "access plus 30 days"
</IfModule>
בנוגע לJS זה לדחות ניתוח של הקוד , תשתמש בקוד אסינכרוני:
<script async src="widgets.js"></script>
בהצלחה :)